import React, { lazy } from "react";

const Cart = lazy(() => import("../views/cart"));
const Home = lazy(() => import("../views/home"));
const Style = lazy(() => import("../views/style"));
const Dialogue = lazy(() => import('../views/Dialogue/Index'));
const Login = lazy(() => import('../views/Login/Index'));

export const routes = [
  {
    path: "/",
    element: <Cart></Cart>,
  }
];

export const routeshome = [
  {
    path: "/",
    element: <Home></Home>,
    children: routes,
  },
  {
    path: "/style",
    element: <Style></Style>,
  }, {
    path: '/dialogue',
    element: <Dialogue />,
  }, {
    path: '/login',
    element: <Login />,
  }
];
